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Abstract. We introduce L-drawings, a novel paradigm for representing directed graphs aiming at combining the 
readability features of orthogonal drawings with the expressive power of matrix representations. In an L-drawing, 
vertices have exclusive x- and i/-coordinates and edges consist of two segments, one exiting the source vertically 
and one entering the destination horizontally. 

We study the problem of computing L-drawings using minimum ink. We prove its NP-completeness and provide a 
heuristics based on a polynomial-time algorithm that adds a vertex to a drawing using the minimum additional ink. 
We performed an experimental analysis of the heuristics which confirms its effectiveness. 


1 Introduction 

Drawing directed graphs is a challenging goal to which a vast literature has been dedicated II14I22L In fact, most of 
the theoretical and applicative tasks concerning these graphs turned out to be difficult. To give a few examples, even 
for planar and acyclic graphs, it is hard to decide whether they admit an upward planar drawing il; if a directed graph 
contains directed cycles, it is hard to reverse the minimum number of edges to make it acyclic HM, which is the first 
step of the renown Sugiyama approach ll22ll . From a practical perspective, the more directed cycles it has, the less a 
hierarchical drawing of it becomes meaningful, strongly reducing the possibility of obtaining a clear and unambiguous 
representation. 

In this paper we introduce a novel drawing paradigm specifically conceived for directed graphs, which combines 
orthogonal drawings with matrix representations. Namely, we call L-drawing a drawing where each vertex has exclu¬ 
sive X- and ^-coordinates and each directed edge has two orthogonal segments, one leaving the source vertically and 
one entering the destination horizontally. Edges are allowed both to overlap and to intersect. Graphically, the joint 
between the horizontal and the vertical segment of an edge is drawn as a small circular arc, allowing the user to easily 
identify the edges even in the presence of overlaps and intersections. We remark that L-drawings are strictly related to 
the popular confluent drawing style , which also leverages partially collinear edges and smoothened bends to reduce 
the visual complexity of the representation. 

An example of L-drawing is in Fig.[TJc); further examples can be found in Fig|^ 

This paradigm is inspired by the overloaded orthogonal drawings 1181191 of directed acyclic graphs, in which 
vertices have exclusive x- and y-coordinates and the edges consist of two segments, one leaving the source from the 
top and one entering the destination from the left. Lor graphs that are not acyclic, a minimal set of edges is selected 
to be drawn backward, leaving the source from the bottom and entering the destination from the right. Edges are 
hence always drawn with a single bend turning clockwise. As long as the graph has few directed cycles, this model 
results extremely effective, as also testified by user studies Q. L-drawings can in fact be seen as a generalization of 
this model to graphs that may contain many directed cycles, so that edges are allowed both to turn clockwise and 
counterclockwise. Note that, instead of using small circular arcs, ambiguities are solved in overloaded orthogonal 
drawings by placing a small dot on each overlapped bend (see Lig.[TJb)). 

The relationship of L-drawings with orthogonal drawings is immediate and the benefits are immediate as well, 
since orthogonal drawings are widely recognized as one of the most readable drawing standards, ensuring a clear 
readability even in the presence of crossings mu. We remark that a representation very similar to L-drawings was 
used in IT] as an intermediate step to compute orthogonal drawings of high-degree graphs in the Kandinsky model. 
However, the main purpose of H] was to balance edges on the four sides of each vertex, so to reduce the area of the 
orthogonal drawing obtained once the vertices are expanded into rectangular boxes. 











Fig. 1: (a) A hierarchical drawing with “backloop routing” produced by yEd (23), (b) an OOD, and a (c) minimum-ink L-drawing 
of the same connected random directed graph. 


The relationship with matrix representations, and the benefits deriving from it, are also somehow evident. User 
studies suggest that matrix representations are extremely well suited for many simple tasks, but their performances 
dramatically decrease when it is requested to follow paths in the graph fm . This is due to the fact that in this 
representation each vertex has two labels, one for its row and one for its column. Traversing a directed edge consists of 
moving along the row of the source vertex until the column of the destination vertex is reached. Traversing a directed 
path, instead, forces the user to repeatedly jump from the column of the vertex that is reached to the row of the same 
vertex when it is left. L-drawings overcome this limitation by moving the labels inside the matrix. The matrix itself is 
symbolically represented by the edges, that identify the portions of the rows and columns that have to be followed to 
connect adjacent vertices. A previous attempt to combine node-link and matrix representations was presented in El, 
which introduced the NodeTrix visualization tool. 

L-drawings have several strong points: (i) they always exist and are easy to compute; in fact any placement of the 
vertices such that no two vertices share the same horizontal or vertical grid line yields a valid L-drawing (the placement 
of the vertices uniquely determines the routing of the edges); (ii) they are not ambiguous, even for very dense graphs; 
(iii) they are particularly suited for interactive graph drawing, since vertices and edges can be easily added or removed 
preserving the user’s mental map. 

Since L-drawings always exist, we are interested in producing readable ones. One of the most desirable features 
of a graph drawing, especially when the graph is large, is that of having a small size. The classical notion of size of a 
drawing, namely the area of its bounding box, does not make much sense in this case, due to the requirement of using 
different x- and ^-coordinates. We hence study the problem of minimizing the ink of the drawing, which is computed 
as the sum of the lengths of vertical and horizontal segments, where overlapping portions are counted only once. 

We prove in Sectionj^that this problem is NP-complete. Motivated by this, we describe in Section|^an incremental 
heuristics, based on adding vertices one at a time using the minimum additional ink. This heuristics is experimentally 
evaluated in Section against the optimal solution (when it was possible to compute one), against overloaded or¬ 
thogonal drawings, and against a random placement of the vertices. We give definitions in Sectionj^and conclude in 
Section [^suggesting future lines of research. 

2 Preliminaries 

In this paper we consider graphs G = (U, E) that are directed. An edge {u, v) is an outgoing edge of u and an incoming 
edge of V. We allow G to contain both {u, v) and {v, u), but only a single copy of them; further, we do not allow loops 
( m , u). 

In an L-drawing E of G each vertex r; G U is assigned an exclusive integer x-coordinate Xy and y-coordinate 
ijy, and each edge {u, v) is drawn as a 1-bend polyline composed of a vertical segment incident to u and a horizontal 
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segment incident to v. Note that, edges may cross and partially overlap. We resolve the ambiguity among crossings 
and bends by replacing each bend with a small rounded junction (see Fig. 

The ink ink{r) of an L-drawing T is the sum of the lengths of vertical and horizontal segments, where overlapping 
portions are counted only once. Since rounded junctions have all equal size, they are not taken into account when 
measuring ink. 

We are interested in producing L-drawings of minimum cost. Both if the cost is computed in terms of area or in 
terms of ink, it is immediate that a drawing of minimum cost uses contiguous values for the coordinates of the vertices. 
Also, since area and ink do not change up to a translation of the whole drawing, in the rest of the paper we assume 
to use integer x- and y-coordinates in the range [1.. . n]. With the above assumptions, given a graph G = (V, E), an 
L-drawing can be immediately obtained by choosing any two orderings and tt^ for the vertices in V, where 
determines a;-coordinates and tt^ determines y-coordinates. We denote such a drawing by r{TTx,TTy), and its ink by 
ink{TTx, TTy). For any two orderings tTx and tt^, drawing r{Trx, Tiy) has area n x n, where n = \V\. Hence, we focus 
on the problem of computing L-drawings with minimum ink. The corresponding decision problem is formally defined 
as follows. 

Problem: Minimum-Ink-L-Drawing (MILD) 

Instance: A directed graph G = (V, E) and an integer k. 

Question: Does G admit an L-drawing E such that ink{r) < kl 

Let r be an L-drawing of G and let ink^iE) (inky{E), respectively) be the amount of ink used for horizontal 
(vertical, respectively) segments. Obviously, ink{E) = ink^{E) + inky{E). In the following lemma we prove that 
inkx{E) (inky{E), respectively) only depends on the horizontal (vertical, respectively) permutation of the vertices in 
E, which makes it possible to search for two optimal permutations independently. 

Lemma 1. Let G be a graph and let be any permutation of its vertices. For any two permutations ir'y and tt" we 
have that inkx{'Xx, 'x'y) = inkxi'Xx, t^y)- Symmetrically, mfcy(7r^, tt^) = inky{n”, TTy) for any two permutations 
and tt". 

Proof Each edge {u, v) is composed of two segments, one incident to the source vertex u and one incident to the 
target vertex v. Hence, if we consider for each vertex only the segments incident to it, then all the segments of the 
drawing are eventually accounted for. Since overlaps are counted only once, ink{E) is the sum, for every vertex, of 
the longest segments exiting it in the four directions North, East, South, and West. Thus, inkx{E) is the sum, for every 
vertex, of the longest segments exiting it in the directions East and West, while inky{E) is the sum of the longest 
segments exiting it along North and South. Hence, inkx{E) only depends on tTx and inky{E) only depends on iTy. □ 

The complete graph is the directed graph G = (V, E), where \V\ = n and for all ordered pairs u,v G V, 
u v,we have (u, v) £ E. In the following lemma we prove that any placement of the vertices of Kn on the n x n 
grid yields an L-drawing whose edges use all the segments of such a grid. 

Lemma 2. Any L-drawing E of on the n x n grid uses 2n{n — 1) ink. 

Proof. Consider the vertices and vs on the topmost and bottommost row of E, respectively, and the vertices 
vw and ve on the leftmost and rightmost column of T, respectively; note that vn ^ vs, vw ^ ve, and 0 < 
\{vn, fs} n {ve, vw}\ £ 2. Eor each column x, consider the vertex v £ Kn lying in column x. Then, the vertical 
segments of edges {v,vn) and {v,vs) span the whole column x. Analogously, for each row y, consider the vertex 
V £ Kn lying in row y. Then, the horizontal segments of edges {vw, v) and {ve, v) span the whole row y. Hence, all 
the rows and columns of the n x n grid are spanned by at least one edge, and the statement trivially follows. □ 

Clearly, Lemmaj^implies that any L-drawing of Kn on the nxn grid is a minimum-ink drawing, since empty rows 
or columns never reduce the ink. However, when a complete graph Kn is a subgraph of a larger graph, it might make 
sense to spread its vertices on a larger grid. In Lemmaj^we hence study the cost, in terms of ink, of this operation. 

Lemma 3. Any L-drawing of Kn on the (n h) x {n -\- k) grid uses 2n(n — 1) -f n{h -f k) ink. 
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Fig. 2: (a) An L-drawing of Ffy on the 11 x 10 grid, (b) The L-drawing in (a) after the removal of a horizontal grid line, (c) A 
minimum-ink L-drawing of Kf. 


Proof. Let F be an L-drawing of on the (n + h) x (n + k) grid. If /i > 0 consider any horizontal grid line I not 
intersecting any vertex of and such that at least one vertex is above I and at least one vertex is below 1. For example, 
Fig.j^a) shows a drawing of K^ on the 11 x 10 grid and a possible grid line I in red. Denote by p be the number of 
vertices above I (n — pis the number of vertices below 1). Line I is traversed by p vertical segments of F exiting the p 
vertices above I and entering the region below 1. Also, I is traversed by n—p vertical segments exiting the n—p vertices 
below I and entering the region above 1. Since vertices have exclusive ^-coordinates, these p + {n — p) = n vertical 
segments use distinct vertical grid lines; thus, removing line I yields an L-drawing F' on the {n + h — 1) x {n + k) 
grid that saves n ink (see Fig. |^b)). Analogous compressions can be performed starting from vertical grid lines that 
do not intersect any vertex. After h + k compressions we produce an L-drawing of Kn of minimum size (see Fig.j^c)) 
which, by Lemma|^ uses 2n(n — 1) ink. It follows that the ink of the original drawing is 2n{n — 1) + n{h + k), hence 
the statement. □ 

3 Complexity of the MILD Problem 

In order to show the NP-hardness of MILD we reduce the problem PROFILE, which is dehned as follows. 

Problem: Profile 

Instance: A graph G = {V,E) and an integer k. 

Question: Does there exist an ordering tt for the vertices of V such that 

E Tr(u) — min Tr{v) ] < k (1) 

V veN(u)Uu ) 

It is folklore^ that PROFILE is equivalent to the NP-complete problem SumCut 031101201 . which is formally 
dehned as follows. 

Problem: SumCut 

Instance: A graph G = {V,E) and an integer k. 

Question: Given an ordering tt for the vertices of V, denote by 6{i, tt) the cardinality of {u : 3(u, v) G E : 
tt{u) < i < 7r(u)}. Does there exist an ordering tt such that 

n 

^<5(i,7r)<fc (2) 

^ Refer to m A formal proof of the equivalence of the two problems can be found in GD. 
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Given an instance Ip = {G = {V, E), k) of PROFILE, we build an equivalent instance = (G' = {V, E'), k') 
of MILD as follows. Graph G' contains two subgraphs and K^, that are complete graphs on p = + |n + 1 

vertices, where n = \V\. Consider two arbitrary vertices vi and V 2 of and K^, respectively. For each vertex v & V 
we add to V a vertex with (directed) edges (it„, Ui), U 2 ), and (v 2 ,Uy). For each edge e = (v,w) G E we add 
to E' edges (uv,Uw) and (u^, Uy). We set k' = k + 4p(p — 1) + + |n. 



Fig. 3: Instance Im of PROFILE with p = 7 and are drawn smaller for space reasons). 


Lemma 4. Instance Ip admits a solution if and only if instance Im does. 

Proof Suppose instance Ip = {G = (F, E), k) of PROFILE admits a solution and let tt be the ordering of the vertices 
of V such that ~ < k. We show that the corresponding instance = {G' = 

{V, E'), k') of MILD admits a solution. We draw and in such a way that each uses contiguous x- and y- 
coordinates and the bounding box of is above and on the left of the bounding box of K^. In particular, we place vi 
in the bottom right corner of the bounding box of and V 2 in the top left corner of the bounding box of K^. We insert 
between and the remaining part of the vertices in V so that their horizontal ordering corresponds to tt and their 
vertical ordering is arbitrary. See Fig. I^for an example. We show that the ink is less than/c' = A:+4p(p—l) + |n^ + |n. 
In fact, the ink can be computed as a sum of: (i) the ink used inside the complete subgraphs and (black edges 
of Fig. [^, which by Lemma|^is 4p(p — 1) in total; (ii) the ink used to connect for each u G V vertex to vi and V 2 
(drawn in green in Fig.|^, which is 2n + (n + l)n; (iii) the ink of the edges (drawn red in Fig.[^ that connect V 2 to n„, 
for each u G V, which is n + F (i^) the ink used for the edges among vertices n„, with u G V. The vertical ink 
of the latter contribution is already computed in (ii). The horizontal ink is exactly (^(^) ~ 

Summing up the contributions (i)-(iii) we have 4p(p — 1) + + |n. Since — min„g^(„)u„ 7r(u)) < k 

the used ink is at most k' = k + 4p(p — 1) + + |n. 

Conversely, suppose that instance 1^ admits an L-drawing using at most k' ink. By Lemmas[^and[^ any L-drawing 
of or that does not use contiguous x- and y-coordinates uses at least p = + |n + 1 ink more than an L- 

drawing that uses contiguous x- and y-coordinates. Observe that the value on the left side of equation[T]is bounded by 
n^, where n = \V\. Hence, we can assume fc < in any non-trivial PROFILE instance. It follows that the additional 
ink that would be needed to insert grid lines in the drawings of or is at least p = + |n + l > k+ |n^ + |n. 

This ensures that in any L-drawing that uses at most k' ink, and use contiguous x- and y-coordinates, and 
vertices n„, for each u G V, are inserted between the bounding boxes of and K^, both in the horizontal and in 
the vertical order. Hence, by Lemmathe total contribution of these two subgraphs is 4p(p — 1). Also, vi lies on 
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the bottom-right comer of Ki and V 2 on the top-left corner of K 2 , as they are the only vertices of Ki and K 2 that 
are connected to vertices n^, with u € V. This implies that, for every horizontal and vertical order of vertices n„, the 
cost of the green edges in Fig. |^is 2n + (n + l)n, and the cost of the red edges is n -I- *■ Finally, for the blue 

edges, the vertical contribution is already covered by the green edges and the horizontal contribution is less of equal 
k. Hence, the horizontal order of vertices yields a solution for PROFILE. This concludes the proof □ 

Theorem 1. MILD is NP-complete. 

Proof. MILD is trivially in NP by non-deterministically trying all permutations and tTj, of the vertices of the graph 
and computing the ink of %)• Given an instance Ip of PROFILE, the corresponding instance Im of MILD can 
be built in polynomial time, and Lemmaensures that the two instances are equivalent. □ 


4 A Polynomial On-line Algorithm 

Motivated by the NP-completeness result in Theorem[T] we seek in this section for an efficient heuristics to construct 
L-drawings of graphs with reduced ink. In particular, we study the setting in which the drawing is constructed incre¬ 
mentally by adding one vertex at a time to a previously computed drawing; the goal is then to add the new vertex 
(with all its incident edges) using the minimum additional ink, where the only operation that is allowed on the pre¬ 
vious drawing is to insert a row and a column (the cost of elongating the edges traversing the inserted row/column 
has hence to be taken into account, as well). We prove in Theoremthat there exists a polynomial-time algorithm, 
called OptAddVertex, to place the given vertex in the given L-drawing while minimizing the additional ink of the 
resulting L-drawing with respect to the given one. 

We remark that, besides providing a heuristics for the general problem, this incremental approach fits in the frame¬ 
work of streamed graph drawing, in which the graph to be drawn is too large to be stored in the memory and hence 
comes in the form of a streaming of its elements (vertices, edges, components) that have to be placed in the drawing 
without a prior knowledge of the elements that are yet to come. 

Since, by Lemma [T] the horizontal and vertical coordinates of an L-drawing can be computed independently, we 
describe Algorithm OptAddVertex by only focusing on how to compute the optimal a;-coordinate of the new vertex, 
adding a column. 

Let G = (y, E) be an n-vertex directed graph and let F be an L-drawing of it. We assume that the vertices in V 
have cc-coordinates in {1, 2,..., n}. Vertex v has to be added to the drawing, with its (possibly empty) set of outgoing 
edges {(u, ui), (v, M 2 ), ..., (v, Uh)} towards vertices of V and its (possibly empty) set of incoming edges {(m;i, m), 
(w 2 , v), {wk,v)} from vertices of V. 

Algorithm OptAddVertex computes the additional ink needed to insert a vertical grid line ly for v in each one 
of the possible n -I-1 positions {l,2,...,n-|-l}, where if ly is inserted in position i, all vertices of V with x-coordinate 
greater or equal than i have to be shifted one unit to the right (hence, i = 1 and i = n + 1 correspond to adding a 
column to the left and to the right of the drawing, respectively). 

We define three integer functions, that we call Stretchinkx, Incominginkx, and Outgoinginkx, in the domain 
{1,2,... ,n + 1} as follows. Stretchlnkxif) is the cost of inserting ly in position i. This cost is due to the fact 
that the length of all horizontal segments traversed by ly is incremented by one. IncomingInkx{i) is the cost, in 
terms of horizontal ink, of routing the edges {(wi, m), {w 2 , v), {w/., m)} entering v when v is placed in position 

i. Observe that all these edges will enter m on a horizontal grid line Ih, which is exclusive of v. Hence, the value of 
Incoming I nkx{i) is the range of the x-coordinates of vertices {mii, , W 2 , • ■ •, Wk} U {u} after the insertion of v in 
position i. The computation of function Outgoinginkx is more complex. Each outgoing edge [v, Uj), j = 1,... ,h, 
of V has a vertical segment (which does not contribute to function Outgoinginkx) and an horizontal segment entering 
Uj at its y-coordinate . However, Uj may have already horizontal segments entering it at y-coordinate y„^ . Let 
Wj and Ej be the minimum and the maximum x-coordinate that are used by some horizontal segments at coordinate 
y = Uu (if there is no horizontal segment with y = yy- we set Wj = Ej = x„ ). The contribution of edge {v, Uj) to 
OutgoingInkx{i) is zero if Wj < i < Ej and min(|i — Wj\, \i — Ej\), otherwise. 

Finally, we insert m in a position corresponding to a minimum of function Addinkx defined as Addinkx = 
Stretchinkx + Incominginkx + Outgoinginkx- 
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The heuristic IncrementaLDraw for producing L-drawings of directed graphs works as follows. First, we order 
the vertices of the graph in such a way that, for any 1 < j < n, the subgraph induced by the first j vertices is connected. 
In particular, we consider the vertices in a BFS order. Second, we assign to the first vertex coordinates (1,1) and add 
a vertex at a time in the given order using Algorithm OptAddVertex. 

We say that a permutation tti of the first n positive integers extends a permutation 712 of the first n — 1 positive 
integers if tt 2 can be obtained from tti by removing element n. 

Theorem 2. Given a directed graph G, a vertex v G G, and an L-drawing F' ir'y) of the subgraph G' = G\v, 
algorithm Opt AddVertex constructs in linear time an L-drawing r*{TT*, tt*) of minimum ink among all L-drawings 
r{'Kx,'Ky) of G such that extends and TTy extends tt^. 

Proof Suppose by contradiction that there exists an L-drawing (7r°, 7r°) that uses less ink than L* (tt* , 7rp and such 
that 7r° extends tt^ and 7r° extends tt^. Without loss of generality suppose that inkx{r°) < ink^^F*). By removing v 
we obtain again tt^) and we save Addlnkx{x°) ink, where x° is the x-coordinate of v in F°. Since ink{F*) = 

ink{F') + Addlnkx{x%), where (x*) is the x-coordinate of v in F*, we have that Addlnkx{x°) < Addlnkx{x%), 
contradicting the hypothesis that is obtained by inserting x in a minimum of function Addinkx- 

We now show how to produce a linear-time implementation of Algorithm 
OptAddVertex. We give some hint about how functions Stretchinkx, Incominginkx, and Outgoinginkx can 
be computed in linear time. 

Maintain a data structure that contains, for each vertex Ui, i = 1,..., n, the x-coordinates of its leftmost bend Wi 
and rightmost bend Ei. For the computation of Stretchinkx proceed as follows: (i) produce a single ordering of the 
Wi and Ei based on their x-coordinates (a bucket sort would take linear time); (ii) examine the Ei and Wi in order. 
Let X be the x-coordinate of the current element. If the current element is the first considered with coordinate x then 
initialize Stretchlnkx{x) = Stretchlnkx{x — 1) (where it is assumed Stretchinkxiff) = 0). If the current element 
is a Wi, add 1 to Stretchlnkx{x), otherwise subtract one from Stretchlnkx{x). 

Function Incominginkx is easy to compute in linear time by following the description in Section]^ 

A linear-time implementation of Function Outgoinginkx is more complex, but can be done with a similar ap¬ 
proach to that of Stretchinkx- Namely, let v be the current inserted vertex and let Uj, j = 1,... ,h,he the vertices that 
have an incoming edge {v,Uj). For each j = 1,..., /i we have to compute the contribution to function Outgoinginkx , 
which is zero if x falls in between Wj and Ej, and increases linearly with the distance of x from the nearest between 
Wj and Ej. Based on their x-coordinates, separately order the Wj and the Ej, j = 1,..., h. Now, with a sweep from 
left to right of the Ej’s add to Outgoinginkx the contribution of vertices Uj when x > Ej and with a second sweep 
from right to left of the Wj’s add to Outgoinginkx the contribution of vertices Uj when x < Wj. □ 


4.1 Running Times of Algorithm IncrementaLDraw 


Our JavaScript naive implementation of Algorithm IncrementaLDraw is not optimized for efficiency and has 
an 0{n^) time-complexity because our implementation of Algorithm OptAddVertex has 0{n^) time-complexity. 
Figs. |4(a) and 4(b)| shows the average times and standard deviations over 100 runs of IncrementaLDraw on the 
second graph suite (each run uses a different ordering of the vertices obtained by starting the BFS from a random 
vertex and by shuffling the adjacency lists of the vertices). In particular. Fig. 4(a) shows the curves for the different 
densities of the edges (10%, 20%, 30%, and 70% of the maximum possible number of edges), while Fig. 4(b) shows 
the averages and standard deviations over all densities. 


5 Experimental Evaluation 

We implemented Algorithm OptAddVertex and the heuristics IncrementaLDraw, and performed an extensive 
testing to evaluate the quality of the obtained L-drawings. We compared the performances of our heuristics with the 
optimum ink, the OOD algorithm of DAGView QSl, and random placements. 
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Fig.4: (a) Running times for Algorithm IncrementaLDraw on the graphs of the second graph suite. Average times and 
standard deviations for different densities of the edges, (b) Average running times and standard deviations for Algorithm 
IncrementaLDraw over all the graphs of the second graph suite. 


5.1 An ILP Formulation 

In order to compare the heuristic approach with the optimal solution we formulated the problem of hnding an L- 
drawing with minimum ink as an ILP problem. Figs. [^provides some examples of L-drawings computed by Algorithm 
IncrementaLDraw. The drawing produced by Algorithm IncrementaLDraw is compared with the minimum 
ink drawing obtained via the IPL formulation. 

Given an n-vertex graph G = {V, E), in the following we describe only the part to compute its m-coordinates 
(the computation of y-coordinates is analogous). By dehnition, the amount inkx of a drawing E of G is obtained by 
summing up all the horizontal segments of the drawing. Since each y-coordinate is exclusively used for one vertex, 
there are n (possibly null, if there exists a vertex with no incoming edges) horizontal segments in E. The horizontal 
segment Si that includes Vi, i = 1,.. . ,n extends from the leftmost to the rightmost bends of the edges entering Vi. 
We call Wi and Ei the a;-coordinates of the endpoints of Si. Variables: 

I 1 if vertex Vi has x-coordinate j, 

\/i,j = : Xij = ■! , 

I 0 otherwise 

yi = 1,... ,n : Ei, Wi (rightmost and leftmost endpoints of Si) 


Variables Xij are binary, while Ei, Wi are integers. To simplify the description of the constraints we denote by Xi the 
m-coordinate of vertex Vi, that is Xi = ** j ’ J - Constraints: 


n 

Vi, Xij = 1 (each vertex has a unique x-coordinate) 


Vj, ^ 

i=l 

Vi, Ei > Xi 
Vi, Wi < Xi 
V{vi,Vj) € E, Ej > Xi 
V{vi,Vj) £ E, Wj < Xi 


(each column contains at most one vertex) 

(the rightmost endpoint of Si does not lie to the left of Vi) 
(the leftmost endpoint of Si does not lie to the right of Vi) 
(the rightmost endpoint of Sj does not lie to the right of Vi) 
(the leftmost endpoint of Sj does not lie to the right of Vi) 


The objective function is: min^"^j^(£’i — Wi). 


8 







Fig. 5: (a) An L-drawing of a random graph with 15 vertices and 21 edges (10% of the maximum possible) drawn with Algo¬ 
rithm IncrementaLDraw. Ink consumption is 84. (b) The minimum ink L-drawing of the same graph. Ink consumption is 66. 


To compute minimum-ink L-drawings we used Gurobi Optimizer ver. 6.0.4 ifTSl on a Dual Xeon X5460 Quad 
Core 3.16GHz 48GB RAM. 


5.2 Random Generation of the Graphs Suites 

We generated uniformly at random two graph suites of dense, weakly connected, directed graphs. The first graph 
suite is meant to compare the performances of Algorithm IncrementaLDraw with respect to the optimum. For 
each number of vertices n in {5,10,15} and for each percentage p in {10,20,30, 70} we generated ten graphs whose 
number of edges m is p% with respect to the maximum possible number of edges, that is, m = [n(n — l)p/100j. 
In particular, we used the procedure gnm_random_graph of the NetworkX 1.7 library GD, discarding graphs that 
were not connected. 

The second graph suite is meant to compare IncrementaLDraw with a random placement of the vertices and is 
generated with the same procedure and edge percentages of the first suite, but vertices range in {100, 200,300,400, 500} 
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Fig. 6: (a) Ink consumption by varying density (the size of the graphs is fixed at 15 vertices), (b) The difference between the 
theoretical maximum and the actual ink used by incremental, ODD, and random placement, for the second test-suite (graphs with 
30% of maximum possible edges). 
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5.3 Results of the Experiments 




5 10 15 

Number of vertices 


(b) 


Fig. 7: (a) Ink used for the drawings of the ten graphs of the first graph suite with 15 vertices and 63 edges (corresponding to 30% 
of the maximum possible). Optimal, incremental, ODD, and random placement are compared. For the latter three the average and 
the standard deviation over 100 runs is shown, (b) Ink consumption varying the size of the graphs (fixing at 30% edge density). 


The results of the experiments are shown in Figs. [7] andFig. [Tj^a) is devoted to the ten graphs with 15 vertices 
and 63 edges (30% of the maximum possible) of the first graph suite. On the a:-axis the ten graphs are reported. The 
curves represent: (i) the ink used by the optimal algorithm; (ii) the average and the standard deviation of the ink used 
by Algorithm IncrementaLDraw over 100 runs, each using a different BFS ordering obtained by starting from a 
random initial vertex and by shuffling the adjacency lists of the vertices; (iii) the average and the standard deviation of 
the ink used by Algorithm OOD over 100 runs, each obtained from DAGView lfT9ll by shuffling the adjacency lists of 
the vertices; and (iv) the average and the standard deviation of the ink used by 100 random placements of the vertices. 

From Fig.|7ja) it is apparent that the performances of IncrementaLDraw are always largely better than those of 
OOD and random placements, and not rarely are close to the optimum. Although this result could be anticipated (OOD 
was not conceived to reduce ink), we were surprised to note that, even with very small graphs and relatively many runs, 
the worst case for IncrementaLDraw is always comparable with the best case for OOD and significantly better than 
the best case of random placement. We found the same pattern in all plots obtained by changing densities and sizes. 

Fig.j^b) shows how the size impacts on ink, focusing on 30% density graphs of the first graph suite. All the points 
are obtained by averaging ten values (for example, each bar for 15 vertices of Fig. [^b) is obtained by averaging the ten 
corresponding values of Fig.j^a)). Fig.j^b) further deepens this analysis showing how much ink each algorithm saves 
with respect to the maximum theoretical upper bound of 2n x (n — 1) for the second graph suite. We observe that, when 
increasing the number of vertices, both the number of edges and the consumption of ink increase quadratically. At the 
same time, the ink saved by IncrementaLDraw with respect to OOD and random placement increases linearly. 

Fig.j^a) shows how density impacts on ink, focusing on graphs of 15 vertices. Again, each point is the average of 
ten points obtained for ten different graphs (e.g., the values for density 30% are obtained by averaging the ten values of 
Fig.j^a)). For denser graphs, the difference among the alternative algorithms seems to reduce. This could be predicted 
as Lemma [^ensures that for any vertex order of a Kn uses the same ink. 

Overall, the experiments show that the ink consumption of IncrementaLDraw are closer to the optimum than 
to those of alternative algorithms and that the heuristics offers a good compromise between effectiveness and running 
times, even with a naive implementation of Algorithm OptAddVertex. 

6 Conclusions and Open Problems 

We introduced L-drawings, a novel paradigm for representing directed graphs. We investigated the problem of pro¬ 
ducing drawings with minimum ink, which turned out to be NP-complete. Our heuristics, however, proved to produce 
near-optimal solutions. 
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Several problems remain open: (i) How much area and ink could be saved if vertices were allowed to share hor¬ 
izontal or vertical grid lines, provided that the drawing is still unambiguous? (ii) Does there exist an ordering of the 
vertices such that IncrementaLDraw produces a minimum-ink drawing? (iii) Problem PROFILE, which we reduced 
to show the NP-hardness of MILD, is linear-time solvable for trees 0 and for square grids El; what is the complexity 
of computing minimum-ink L-drawings for these families of graphs? 

Finally, although in ||7] it is shown that overloaded orthogonal drawings are superior to matrix representations 
under several respects, it would be interesting to contrast both these representations with L-drawings in an extensive 
user study. 
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